/* #root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
} 
header {
  background-color: darkgrey;
  height: 60px;
  display: flex;
  justify-content: center;
}
main {
  width: 500px;
  margin: 10px auto;
  background-color: lightgrey;
  height: 400px;
}
ul{
  margin: 0;
  padding: 0;
}
li{
  display: flex;
  align-items: center;
  list-style: none;
  height: 30px;
  background-color: aliceblue;
  margin: 5px 0;
} */

li{
  list-style: none;
}
.code-abc {
  display: flex;
}
.code-abc > li {
  width: 20px;
  height: 20px;
  list-style: none;
  margin: 0 5px;
}
.code-abc > li:hover {
  background-color: chocolate;
}
header {
  width: 950px;
  height: auto;
  margin: 0 auto;
}
.brand-ul {
  display: flex;
}
.brand-ul > li {
  list-style: none;
  margin: 0 5px;
}
.active{
  display: none;
}
.series-ul{
  display: flex;
}
.price-ul{
  display: flex;
}
.price-ul > li{
  margin: 0 5px;
}
.two{
  display: flex;
  flex-wrap: wrap;
}
.two > li{
  width: 100%;
  margin: 5px;
}

.four{
  display: flex;
  flex-wrap: wrap;
}
.four > li{
  width: 25%;
  margin: 5px;
}

